<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js"></script>
    <script>
        $(document).ready(function () {
            $("#but1").click(function () {
                $("p,ol").removeClass("red")
                //$("div").addClass("important")
                //$("div").addClass("important blue")//可以添加多个类
            })
        })
    </script>
    <style>
        .blue{
            color: blue;
        }
        .red{
            color: red;
        }
    </style>
</head>
<body>
<p class="blue">这是一个段落</p>
<p class="red">这是另一个段落</p>
<ol class="red">
    <li>列表1</li>
    <li>列表2</li>
    <li>列表3</li>
</ol>
<button id="but1">移除元素的类</button>
</body>
</html>